*,*:before,*:after {margin:0; padding:0; box-sizing: border-box;}
html,body {font-size: 14px; font-family: PingFangSC-Light; background: #fff;}
a {text-decoration: none;color:#666;}
input {outline: none;}
.wrap {position: absolute;bottom:51px;top:0;left:0;right:0;overflow: auto;}
ul,li {list-style: none;}

.icon_cp {background:url(../img/icon_cp.png) no-repeat center; background-size: 100% 100%;}
.icon_zx {background:url(../img/icon_zx.png) no-repeat center; background-size: 100% 100%;}

/*tab*/
.tabs_nav {  display: table; width: 100%; height: 42px; border-bottom: 2.5px solid #eeeeed;
  .tab_nav_a { 
  	display: inline-block;
	height: 39px;
	line-height: 37px;
	margin:0 17px;
    text-align: center;
    color: #333;
  	font-size: 15px;
  	border-bottom: 2px solid #fff;
  }
  .active {
    color: #38648c;
  	border-bottom: 2px solid #afcb28;
  }
}
.tabs_content {
  .tab_plan {
    display: none; 
  }
}

/*tabbar*/
.tabbar { position: fixed; bottom:0;left:0;right:0; height: 50px; display: flex; border-top:1px solid #afafaf; background:#f6f5f5; 
	a {display: block; flex:1; text-align: center; color:#666; font-size: 10px; line-height: 1; padding-top:6px;
		.icon {display: inline-block; width: 28px; height: 24px; margin-bottom: 4px; background-repeat: no-repeat; background-position: center;background-size: 100% 100%; }
		.icon_home {background-image: url(../img/icon_home.png);}
		.icon_pro {background-image: url(../img/icon_pro.png);}
		.icon_news {background-image: url(../img/icon_news.png);}
		.icon_my {background-image: url(../img/icon_my.png);}
	}
	a.active { color:#1798dc;
		.icon_home {background-image: url(../img/icon_home_h.png);}
		.icon_pro {background-image: url(../img/icon_pro_h.png);}
		.icon_news {background-image: url(../img/icon_news_h.png);}
		.icon_my {background-image: url(../img/icon_my_h.png);}
	}
}


/*列表*/
.list {
	.item { text-align: center; float: left; width: 50%;height: 193px; padding-top:19px; border-top:1px solid #e4e4e4;  border-right:1px solid #e4e4e4;
		.top { position: absolute; top:-10px; left:0; display: inline-block; width: 62px; padding-left:6px; height: 20px; line-height: 20px; font-size: 14px; color:#fff; background:#f99431;  
			&:before {display: inline-block; position: absolute; top:0;right:-20px; content: ""; width: 0; height: 0; border:10px solid transparent; border-left-color:#f99431;}
		}
		.img { position: relative; height: 119px; width: 159px; margin:0 auto;
			img {width: 100%; height: 100%;}
		}
		.name { padding:15px 0 10px;  line-height:1; font-size: 12px;  color:#585858; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
		.num { font-size: 15px; line-height: 16px; color:#f99431;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; }
		.icon_book {position: absolute; top:9px; left:18px;}
		.icon_info {position: absolute; top:21px; left:18px;}
		&:nth-child(2n) {border-right: none;}
	}
}

.index {
	.banner { display: block; height: 180px; font-size: 0;
		img {width: 100%; height: 100%;}
	}

	.hd {font-size: 16px; color:#585858; line-height: 25px; padding:5px 15px; border-top:5px solid #f5f5f4;
		i {display: inline-block; width: 22px; height: 20px; margin-right: 5px; vertical-align:middle;}
	}
	.bd { background: #fff; overflow: hidden;}

	.index_new { text-align: left; padding-bottom: 10px;
		.img {width: 320px; height: 190px; border-radius: 5px; margin:14px auto; overflow: hidden;
			img {width: 100%; height: 100%;}
		}
		.txt {width: 320px; margin:0 auto;}
		h2 {  line-height: 22px; font-size: 16px;color:#585858;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
		p {line-height: 22px; font-size: 12px; color:#959595;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
	}
	.index_about { height: 219px; padding:26px 30px 0 20px; margin-bottom: 13px; border-top:5px solid #f5f5f4; color:#fff; font-size: 12px; line-height: 14px; background:#435f8e url(../img/index_about_bg.jpg) no-repeat center top; background-size: 100%;  
		.tit { height: 22px;}
		p {margin-top: 10px; text-indent: 24px; }
	}
}

.news_list {
	.item { display: block;  margin:0 auto; padding:12px 0 16px; border-bottom: 5px solid #f5f5f4; }

	.img {width: 320px; height: 190px; border-radius: 5px; margin: 0  auto 14px; overflow: hidden; box-shadow: 5px 5px 9px rgba(146,141,141, .2);
		img {width: 100%; height: 100%;}
	}
	.txt {width: 320px; margin:0 auto;}
	h2 { line-height: 22px; font-size: 16px;color:#585858; margin-bottom: 4px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
	p { line-height: 14px; font-size: 12px; color:#959595;}
	.more {color:#afcb28;}


}

.news_detail {
	.hd { text-align: center; background: #f5f5f4; padding-top:18px; padding-bottom: 16px;
		h1 {font-size: 21px; line-height: 30px; color:#696969; font-weight: bold;}
		.time {font-size: 13px; color:#858585; line-height: 20px; margin-top: 5px;}
	}
	.bd {padding:12px 20px 30px;}
	p { line-height: 30px; font-size: 16px;}
}


.about {
	.bg {background:#f5f5f4;}
	.banner { text-align: center;
		img { height: 148px;}
	}
	.link { position: relative;  margin-top:24px; font-size: 0;text-align: center; height: 112px;
		a { display:inline-block;  color:#999; font-size: 12px;}
		.txt { position: absolute; top:66px;left:0; right: 0; border-top:1px solid #d9d9d9; background: #f5f5f4;  }
		.sina { padding-top: 9px;width: 89px;
			img {width: 67px; height: 67px;}
		}
		.wechar {width: 107px;
			img {width: 85px; height: 85px;}
		}
		.bbs {padding-top: 9px;width: 89px;
			img {width: 67px; height: 67px;}
		}
		.txt {
			a {padding-top:12px;  }
		}
	}
	.hd { font-size: 16px; color:#676767; padding: 0 25px; line-height: 36px;}

	.form_group { padding:0 24px; font-size: 14px; color:#999; line-height: 39px; border-top: 1px solid #d9d9d9; background:#fff;
	}
	.about_txt { border-top: 1px solid #d9d9d9; padding:13px 24px 25px; font-size: 16px; color:#676767; line-height: 30px;
		h6 {font-size: 16px; color:#676767; line-height: 30px; font-weight: 400; }
		p {text-indent: 32px;}
	}
}

.product_detail {
	.product_detail_img { height: 283px; width: 100%; }
	.h2 {font-size: 16px; color:#555456; line-height: 36px; margin-top:10px; padding:0 20px; }
	.p {font-size: 12px; color:#555456; line-height: 36px; padding:0 20px; 
		.orange {font-size: 15px; color:#f99431;}
	}
	.info { background: #f4f4f4; overflow: hidden; padding:5px 0; margin-top:5px;
		.span {display: inline-block; width: 50%; float: left; font-size: 12px; color:#666; padding-left:20px; line-height: 28px;}
		.tit {width: 100%;}
	}

	.product_detail_txt {
		font-size: 13px; color:#666; line-height: 24px; padding:12px 20px;
	}
}




